@charset "utf-8";

/* 横幅,banner部分 */
.banner .swiper .swiper-wrapper div {
	width: var(--totalWid);
	height: 680px;
}
.banner .swiper .swiper-wrapper div:first-child {
	background: url(../images/banner1.png) no-repeat center/cover;
}
.banner .swiper .swiper-wrapper div:nth-child(2) {
	background: url(../images/banner2.png) no-repeat center/cover;
}
.banner .swiper .swiper-wrapper div:last-child {
	background: url(../images/banner3.png) no-repeat center/cover;
}

/* 
-----------------------------------------------------------------------------------------------
*/

main {
	min-width: 1300px;
}
/* 云服务 */
.service {
	width: 1080px;
	height: 628px;
	margin: 0 auto;
	padding-top: 106px;
}
/* 标题 */
.service article div {
	width: 240px;
	height: 280px;
	box-shadow: 0 0 10px 0 #93bef7;
}
.service article div p {
	margin-left: 22px;
	text-align: left;
}
.service article div p:nth-child(2) {
	font-size: 21px;
	line-height: 35px;
}
.service article div p:nth-child(3) {
	font-size: 11px;
	line-height: 23px;
	color: #666666;
}
.service article div p:nth-child(4) {
	font-size: 11px;
	line-height: 51px;
	color: #1271ef;
}

/* 
-----------------------------------------------------------------------------------------------
*/

/* API分类 */
.classify {
	width: var(--totalWid);
	height: 642px;
	background: #f8f9fb url(../images/more-api-bg.svg) no-repeat center/cover;
	padding-top: 90px;
}
.classify article {
	height: 100%;
}
.classify .classify-list {
	flex-wrap: wrap;
	align-content: space-between;
	width: var(--totalWid);
	height: 296px;
}
.classify .classify-list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 224px;
	height: 138px;
	box-shadow: 0 0 10px 0 #93bef7;
}
.classify .classify-list li span {
	font-size: 15px;
	padding-top: 13px;
}
.classify article p:last-child {
	line-height: 84px;
}
.classify article p:last-child span {
	color: #1271ef;
}

/* 
-----------------------------------------------------------------------------------------------
*/

/* 惠集部分 */
.APImaster {
	padding-top: 88px;
	width: var(--totalWid);
	height: 797px;
}
.APImaster article img {
	height: 554px;
}
.APImaster article .APImaster-list {
	width: 447px;
	height: 536px;
	flex-direction: column;
}
.APImaster article .APImaster-list li {
	text-align: left;
	width: 100%;
	height: 81px;
	background: #fbfbfd;
	position: relative;
	padding-left: 20px;
}
.APImaster article .APImaster-list li:hover {
	cursor: pointer;
}
.APImaster .APImaster-list .active {
	background: #d2e5ff;
}
.APImaster .APImaster-list .active p {
	color: #1271ef;
}
.APImaster .APImaster-list .active span {
	color: #1271ef;
}
.APImaster-list p {
	line-height: 19px;
	font-size: 19px;
	height: 19px;
	margin-top: 19px;
}
.APImaster-list p img {
	/* vertical-align: bottom; */
	height: 16px;
}
.APImaster-list span {
	line-height: 29px;
	font-size: 11px;
}
.APImaster-list li::before {
	content: "";
	display: block;
	width: 4px;
	height: 24px;
	background: #1271ef;
	position: absolute;
	left: 0;
	top: 28px;
	z-index: 1000;
}

/* 
-----------------------------------------------------------------------------------------------
*/

/* 独角兽部分 */

/* 方法一css代码 */
.unicorn {
	width: var(--totalWid);
	padding-top: 88px;
}
.unicorn .title {
	margin-bottom: 20px;
}
.unicorn div:nth-child(3) {
	width: var(--totalWid);
	height: 270px;
	background: #f8f9fb;
	margin-top: 49px;
}
.unicorn .unicorn-banner {
	opacity: 0;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);
	height: 290px;
	text-align: left;
}
.unicorn .unicorn-banner .left {
	width: 580px;
	height: 290px;
}
.unicorn .unicorn-banner .right {
	flex: 1;
	height: 290px;
	padding-left: 70px;
}

/* 方法二css代码 */
/* .unicorn {
	width: var(--totalWid);
	height: 531px;
	padding-top: 88px;
}
.unicorn .title {
	margin-bottom: 20px;
}
.unicorn div:nth-child(3) {
	bottom: 0;
	width: var(--totalWid);
	height: 270px;
	background: #f8f9fb;
}
.unicorn .unicorn-banner {
	margin: 0 auto;
	bottom: 0;
	transform: translate(0px);
	width: 100%;
	height: 290px;
}

.unicorn .unicorn-banner .left {
	width: 580px;
	height: 290px;
	background: url(../images/hcfc.png) no-repeat center;
	margin-right: 70px;
}
.unicorn .unicorn-banner .right {
	width: 550px;
	height: 290px;
	background: red;
} */

.unicorn-banner .right p:nth-child(2) {
	font-size: 12px;
	line-height: 24px;
	margin: 30px 0 57px;
}
.unicorn-banner .right p:nth-child(3) {
	font-size: 11px;
	text-align: right;
}
.unicorn-banner .right p:nth-child(3)::before {
	content: "";
	width: 13px;
	height: 4px;
	background: #1271ef;
	position: absolute;
	top: 4px;
	right: 65px;
}

/* 
-----------------------------------------------------------------------------------------------
*/

/* 数据安全部分 */
.data {
	width: var(--totalWid);
	height: 439px;
	padding-top: 109px;
}
.data-list li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.data-list li img {
	height: 66px;
}
.data-list li span {
	padding-top: 30px;
}

/* 
-----------------------------------------------------------------------------------------------
*/

/* 免费试用部分 */
.free {
	width: var(--totalWid);
	height: 240px;
	background: #1271ef url(../images/login-register-bg.svg) no-repeat
		center/cover;
	padding-top: 71px;
}
.free h3 {
	font-size: 32px;
	margin-bottom: 25px;
}
.free span {
	display: inline-block;
	width: 128px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #fff;
}
